<!DOCTYPE html>

<div id="bg">
    <div id="outer">

        <!-- ####--------- Header ----------#### -->
        <div ng-include="'app/view/template/header.html'"></div>

        <div id="i-bxslider" ng-show="showImageSlider">
            <ul id="bxslider">
                <li ng-repeat="image in pageData.slideImageArr track by $index">
                    <img ng-src="{{image}}"/>
                </li>
            </ul>
        </div>


        <div id="main">

            <!-- ####--------- Left Menu ----------#### -->
            <div id="sidebar" ng-show="hasLeftMenu">
                <div class="view-frame" ng-include="'app/view/template/left-menu.html'"></div>
            </div>

            <!-- ####--------- Main Content ----------#### -->
            <div id="content" style="width:{{contentWidth}}">
                <!--             	<div class="panel panel-default" > -->
                <div class="panel-body">
                    <div ng-view="">
                        <!--                 	</div> -->
                    </div>
                </div>
            </div>

            <!-- ####---------Forrender HTML Image ----------#### -->
            <div id="hidden-img" ng-bind-html="renderHtml(pageData.slider.fulltext)" hidden>
            </div>
            <div id="hidden-img-hdr" ng-bind-html="renderHtml(pageData.headerImageObj.fulltext)" hidden>
            </div>

        </div>


        <br class="clear"/>

        <div ng-include="'app/view/template/footer.html'"></div>

    </div>

</div>

